<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8">
	<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
	<title>拼团商城</title>
	<meta name="keywords" content="拼团商城" />
	<meta name="description" content="风靡全国的拼团商城，优质商品新鲜直供" />
	<link href="css/mui.min.css" type="text/css" rel="stylesheet" />
	<link href="css/style.css" type="text/css" rel="stylesheet" />
	<script type="text/javascript">
		!function (J) { function H() { var d = E.getBoundingClientRect().width; var e = (d / 7.5 > 100 * B ? 100 * B : (d / 7.5 < 42 ? 42 : d / 7.5)); E.style.fontSize = e + "px", J.rem = e } var G, F = J.document, E = F.documentElement, D = F.querySelector('meta[name="viewport"]'), B = 0, A = 0; if (D) { var y = D.getAttribute("content").match(/initial\-scale=([\d\.]+)/); y && (A = parseFloat(y[1]), B = parseInt(1 / A)) } if (!B && !A) { var u = (J.navigator.appVersion.match(/android/gi), J.navigator.appVersion.match(/iphone/gi)), t = J.devicePixelRatio; B = u ? t >= 3 && (!B || B >= 3) ? 3 : t >= 2 && (!B || B >= 2) ? 2 : 1 : 1, A = 1 / B } if (E.setAttribute("data-dpr", B), !D) { if (D = F.createElement("meta"), D.setAttribute("name", "viewport"), D.setAttribute("content", "initial-scale=" + A + ", maximum-scale=" + A + ", minimum-scale=" + A + ", user-scalable=no"), E.firstElementChild) { E.firstElementChild.appendChild(D) } else { var s = F.createElement("div"); s.appendChild(D), F.write(s.innerHTML) } } J.addEventListener("resize", function () { clearTimeout(G), G = setTimeout(H, 300) }, !1), J.addEventListener("pageshow", function (b) { b.persisted && (clearTimeout(G), G = setTimeout(H, 300)) }, !1), H() }(window);
		if (typeof (M) == 'undefined' || !M) {
			window.M = {};
		}
	</script>

</head>

<body>
	<!--图片轮播-->
	<div id="slider" class="mui-slider">
		<div class="mui-slider-group mui-slider-loop">
			<div class="mui-slider-item mui-slider-item-duplicate">
				<a href="#">
					<img src="images/1.png">
				</a>
			</div>
			<div class="mui-slider-item">
				<a href="#">
					<img src="images/1.png">
				</a>
			</div>
			<div class="mui-slider-item">
				<a href="#">
					<img src="images/1.png">
				</a>
			</div>
			<div class="mui-slider-item">
				<a href="#">
					<img src="images/1.png">
				</a>
			</div>
			<div class="mui-slider-item">
				<a href="#">
					<img src="images/1.png">
				</a>
			</div>
			<div class="mui-slider-item mui-slider-item-duplicate">
				<a href="#">
					<img src="images/1.png">
				</a>
			</div>
		</div>
		<div class="mui-slider-indicator">
			<div class="mui-indicator mui-active"></div>
			<div class="mui-indicator"></div>
			<div class="mui-indicator"></div>
			<div class="mui-indicator"></div>
		</div>
	</div>
	<!--滚动菜单-->
	<div id="list-menu"
		class="mui-scroll-wrapper mui-slider-indicator mui-segmented-control mui-segmented-control-inverted">
		<div class="mui-scroll">
			<a class="mui-control-item mui-active" href="">全部 </a>
			<a class="mui-control-item" href="">电水壶</a>
			<a class="mui-control-item" href="">饮水机</a>
			<a class="mui-control-item" href="">面包机</a>
			<a class="mui-control-item" href="">料理机</a>
			<a class="mui-control-item" href="">电水壶</a>
			<a class="mui-control-item" href="">饮水机</a>
			<a class="mui-control-item" href="">面包机</a>
			<a class="mui-control-item" href="">料理机</a>
		</div>
	</div>
	<ul class="list-product">
		{{each hs item}}
		<li>
			<a href="/detail?id={{item.goods_id}}">
				<img class="list-pro-img fl" src="{{item.hd_thumb_url}}" />
				<div class="list-pro-text fr">
					<h2>【{{item.short_name}}】{{item.goods_name}}</h2>
					<div class="list-pro-price">
						<div class="fl">
							<p class="num">2人成团</p>
							<p class="price">￥{{item.group.price/100}}<del>￥{{item.normal_price/100}}</del></p>
						</div>
						<div class="fr">
							<p class="shou">{{item.sales_tip}}</p>
							<span class="tuan">马上团</span>
						</div>
					</div>
				</div>
			</a>
		</li>
		{{/each}}
	</ul>
	<!--底部导航-->
	{{include './foot.html'}}
	<script src="js/jquery-1.10.1.min.js"></script>
	<script src="js/mui.min.js"></script>
	<script src="js/comment.js"></script>
</body>

</html>